/* 关于我们 */

.about{
    padding:5rem 0rem;
    padding-bottom:0rem;
}

.about .box{
    display: flex;
    justify-content: space-between;
}

.about .box .left{
    width:35rem;
    flex-shrink: 0;
}

.about .box .left img{
    z-index:-10;
    
}

.about .box .right{
    position: relative;
    z-index: 10;
}

.about .box .right .title{
    margin-bottom:3rem;
}

.about .box .right .title .short{
    text-transform: uppercase;
    font-size:1rem;
    font-family: Osl;
    color:#333232;
}

.about .box .right .title .long{
    font-family: Osl;
    font-size:2rem;
    color:#111;
    text-transform: uppercase;
    font-weight: 600;
}

.about .box .right .title .long span:first-child{
    padding-bottom:1.3rem;
    border-bottom: 3px solid #fcac45;
}

.about .box .right .title .long span:last-child{
    font-family: Osb;
}


.about .box .right .desc{
    color:#6c6c6c;
    font-family: Osi;
    text-align: left;
    line-height:1.7rem;
    margin-bottom:1.5rem;
}

.about .box .right .list{
    margin-bottom:4rem;
}

.about .box .right .list li{
    background:url('../images/about-icon.png') no-repeat left center;
    text-indent: 1.2rem;
    font-family: Osi;
    margin-bottom:.7rem;
}

.about .box .right .list li span{
    font-weight: bold;
    font-family: Ossb;
}

.about .box .right .btn{
    text-align: left;
}

.about .box .right .btn a{
    width:12rem;
    display: inline-block;
    padding:.6rem 0rem;
    text-transform: uppercase;
    white-space: nowrap;
    background:#fff url('../images/about-btn.png') no-repeat .5rem center;
    color:#6c6c6c;
    font-weight: bold;
    border:1px solid #6c6c6c;
    text-align: center;
    border-radius: 4px;
    text-indent: 1rem;
    font-size:16px;
    transition: all linear .2s;
}

.about .box .right .btn a:hover{
    transform:scale(1.1);
}

/* 媒体查询 800 990*/ 
@media screen and (max-width:990px) and (min-width:800px){
    .about .box .left{
        width:45%;
    }
    .about .box .left img{
        width:100%;
    }
}

@media screen and (max-width:800px){
    .about .box .left{
        display: none;
    }

    .about{
        padding:3rem 0rem;
    }
}

/* 关于我们 end */


/* 团队合作 start */
.team{
    background:#070707;
    padding:3rem 0rem;
}

.teambox{
    text-align: center;
}

.teambox .title{
    font-family: Ossb;
    color:#fff;
    font-size:2rem;
    text-transform: uppercase;
    background:#070707 url("../images/titlebg.png") no-repeat center bottom;
    padding-bottom:2rem;
    margin-bottom:4rem;
}

.teambox .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:4rem;
}
#aaa2{
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-bottom:4rem;
    
}

#aaa3{
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-bottom:4rem;
}

.teambox .list .item{
    text-align: center;
    width:23%;
}

.teambox .list .img{
    width:10rem;
    height:10rem;
    margin:0 auto;
    border-radius: 100%;
    overflow:hidden;
    margin-bottom:1.5rem;
    transition: all linear .3s;
}

.teambox .list .img:hover{
    transform:translateY(-10px) rotate(360deg);
    box-shadow: 0px 0px 10px #fff;
}

.teambox .list .img img{
    width:100%;
    height:100%;
}

.teambox .list .item .name{
    color:#fff;
    margin-bottom:1.5rem;
}

.teambox .list .item .name .big{
    font-weight: bold;
    margin-bottom:.5rem;
    font-family: Ossb;
}

.teambox .list .item .desc{
    color:#fff;
    font-family: Osl;
}

.teambox .more{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:2.5rem;
    margin:0 auto;
}

.teambox .more span{
    display: inline-block;
    width:.4rem;
    height:.4rem;
    background:#fff;
    transition: all linear .1s;
    cursor: pointer;
}

.teambox .more span:hover{
    background:#fcac45;
}


/* 媒体查询 */
@media screen and (max-width:710px){
    .teambox .list{
        flex-wrap: wrap;
    }

    .teambox .list .item{
        width:100%;
        text-align: left;
        display: flex;
    }

    .teambox .list .item .content{
        padding-top:1.5rem;
    }

    .teambox .list .img{
        margin:1rem;
        width:50%;
        height:auto;
    }
}
/* 团队合作 end */

/* 白色背景开头 */
.baise{
    padding:5rem 0rem;
}

.baisebox{
    text-align: center;
}

.baisebox .title{
    padding: 3rem 0rem;
    font-family: Ossb;
    color:#111;
    font-size:2rem;
    text-transform: uppercase;
    background:#fff url("../images/titlebg.png") no-repeat center bottom;
    padding-bottom:2rem;
    margin-bottom:4rem;
}

.baisebox .descs{
    width:100%;
    margin:0 auto;
    font-family: Osi;
    color:#6c6c6c;
    margin-bottom:5rem;
}
.baisebox .list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:4rem;
}

.baisebox .list .item{
    text-align: center;
    width:23%;
}

.baisebox .list .img{
    width:10rem;
    height:10rem;
    margin:0 auto;
    border-radius: 100%;
    overflow:hidden;
    margin-bottom:1.5rem;
    transition: all linear .3s;
}

.baisebox .list .img:hover{
    transform:translateY(-10px) rotate(0deg);
    box-shadow: 0px 0px 10px #fff;
}

.baisebox .list .img img{
    width:100%;
    height:100%;
}

.baisebox .list .item .name{
    color:#111;
    margin-bottom:1.5rem;
}

.baisebox .list .item .name .big{
    font-weight: bold;
    margin-bottom:.5rem;
    font-family: Ossb;
}

.baisebox .list .item .desc{
    color:#222;
    font-family: Osl;
}

/* 媒体查询 */
@media screen and (max-width:710px){
    .baisebox .list{
        flex-wrap: wrap;
    }

    .baisebox .list .item{
        width:100%;
        text-align: left;
        display: flex;
    }

    .baisebox .list .item .content{
        padding-top:1.5rem;
    }

    .baisebox .list .item .img{
        margin:1rem;
        width: 50%;
        height: auto;
    }
}


/* 白色背景结束 */

/* 客户端1 start  */
.client1{
    padding:5rem 0rem;
    background:#070707;
}
.clientbox{
    text-align: center;
}

.clientbox .title{
    font-family: Ossb;
    color:#fff;
    font-size:2rem;
    text-transform: uppercase;
    background: url("../images/titlebg.png") no-repeat center bottom;
    padding-bottom:2rem;
    margin-bottom:4rem;
}

.clientbox .desc{
    width:90%;
    margin:0 auto;
    font-family: Osi;
    color:#6c6c6c;
    margin-bottom:5rem;
}
.clientbox #ul{
    width: 100%;
    height: auto;
    display: block;
}
.clientbox  #ul2{
    display: none;
}
.clientbox  #ul3{
    display: none;
}
.clientbox .more{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:2.5rem;
    margin:0 auto;
}

.clientbox .more span{
    display: inline-block;
    width:.4rem;
    height:.4rem;
    background:#fff;
    transition: all linear .1s;
    cursor: pointer;
}

.clientbox .more span:hover{
    background:#fcac45;
}

@media screen and (max-width:600px){
    .clientbox .desc img {
        width: 100%;
    }
}
/* 客户端1 end  */


/* work 开始  */
.work{
    padding:5rem 0rem;
}

.workbox{
    text-align: center;
}

.workbox .title{
    font-family: Ossb;
    color:#111;
    font-size:2rem;
    text-transform: uppercase;
    background:#fff url("../images/titlebg.png") no-repeat center bottom;
    padding-bottom:2rem;
    margin-bottom:4rem;
}

.workbox .desc{
    width:90%;
    margin:0 auto;
    font-family: Osi;
    color:#6c6c6c;
    margin-bottom:5rem;
}

.worklist{
    width:90%;
    margin:0 auto;
}

.worklist .nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:1rem;
}

.worklist .nav .left{
    font-family: Osb;
    text-transform: uppercase;
}


.worklist .nav .right .typelist{
    display: flex;
}

.worklist .nav .right .typelist span{
    display: inline-block;
    color:#111;
    padding:0rem .5rem;
    border-right:1px solid #bebebe;
    text-transform: uppercase;
    font-size:.8rem;
    transition: all linear .2s;
    cursor: progress;
}

.worklist .nav .right .typelist span:last-child{
    border-right: 0px;
}

.worklist .nav .right .typelist span:hover{
    font-weight: bold;
}

.worklist .list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#re2{
    display: none;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#re3{
    display: none;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#re4{
    display: none;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.worklist .list .item{
    width:23%;
    height:13rem;
    position: relative;
    margin-bottom:1rem;
    overflow:hidden;
}

.worklist .list .item:hover .box{
    top:0%;
}

.worklist .list .item img{
    width:100%;
    height:100%;
}


.worklist .list .item .box{
    position: absolute;
    left:0;
    top:-100%;
    width:100%;
    height:100%;
    background:#222222;
    color:#fff;
    transition: all linear .2s;
}

.worklist .list .item .box .big{
    font-family: Osl;
    text-transform: uppercase;
    margin-bottom:.5rem;
    margin-top:2rem;
}

.worklist .list .item .box .small{
    color:#888888;
}

.worklist .list .item .box .more{
    position: relative;
    top:25%;
    color:#f8a944;
    border:1px solid #f8a944;
    width:2rem;
    height:2rem;
    line-height:2rem;
    border-radius: 100px;
    display: inline-block;
    cursor: pointer;
    font-size:1.5rem;
}

@media screen and (max-width:600px){
    .worklist .nav .left{
        display: none;
    }

    .worklist .nav .right{
        width:94%;
        margin:0 auto;
    }

    .worklist .list{
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .worklist .list .item{
        width:40%;
        height: auto;
        margin-bottom:2rem;
    }
}


/* work end */




/* 客户端2 start  */
.client2{
    padding:5rem 0rem;
    background:#070707;
}
.clientbox2{
    text-align: center;
}

.clientbox2 .title{
    font-family: Ossb;
    color:#fff;
    font-size:2rem;
    text-transform: uppercase;
    background: url("../images/titlebg.png") no-repeat center bottom;
    padding-bottom:2rem;
    margin-bottom:4rem;
}

.clientbox2 .desc{
    font-family: Ossb;
    width: 60%;
    margin:0 auto;
    font-family: Osi;
    color:#fff;
    margin-bottom:5rem;
}
.clientbox2 #toot2 {
    color: red;
    display: none;
}
.clientbox2 #toot3 {
    color: yellow;
    display: none;
}

.clientbox2 .desc p{
    color:#fff;
    margin-top: 5rem;
}
.clientbox2 .more{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:2.5rem;
    margin:0 auto;
}
.clientbox2 .more span{
    display: inline-block;
    width:.4rem;
    height:.4rem;
    background:#fff;
    transition: all linear .1s;
    cursor: pointer;
}

.clientbox2 .more span:hover{
    background:#fcac45;
}
/* 媒体查询 */
@media screen and (max-width:600px){
    .client2 .desc{
        width: 100%;
    } 
 }
/* 客户端2 end  */


/* 联系我们 start */
.contact{
    padding:5rem 0rem;
}

.contactbox{
    text-align: center;
}

.contactbox .title{
    font-family: Ossb;
    color:#111;
    font-size:2rem;
    text-transform: uppercase;
    background:#fff url("../images/titlebg.png") no-repeat center bottom;
    padding-bottom:2rem;
    margin-bottom:4rem;
}

.contactbox .desc{
    width:90%;
    margin:0 auto;
    font-family: Osi;
    color:#6c6c6c;
    margin-bottom:5rem;
}


.contact-form{
    width:90%;
    margin:0 auto;

}

.contact-form .info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:1rem;
}

.contact-form .info>div{
    width:48%;
    text-align: left;
}

.contact-form .info .formtitle{
    margin-bottom:.5rem;
}

.contact-form .info .formtitle sup{
    color:red;
}

.contact-form .info input{
    width:100%;
    height:1.8rem;
    line-height:1.8rem;
}


.contact-form .message{
    width:100%;
    text-align: left;
    margin-bottom:2rem;
}

.contact-form .message .formtitle{
    margin-bottom:.5rem;
}

.contact-form .message textarea{
    width:100%;
    height:10rem;
}

.contact-form .submit{
    text-align: right;
    width:100.7%;
}

.contact-form .submit .btn{
    width:10rem;
    height:2.5rem;
    line-height:2.5rem;
    text-align: center;
    font-size:1rem;
    color:#fff;
    border:0px;
    background:#fcac45;

}
/* 联系我们 end  */